<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title>后台管理系统</title>
    <script src="public/maincss.js"></script>
    <link rel="stylesheet" href="../public/fonts/iconfont.css">
    <!-- 引入样式 -->
    <link rel="stylesheet" href="/public/element-ui@2.9.1/lib/theme-chalk/index.css">
    <!-- import Vue before Element -->
    <script src="/public/vue@2.6.10/dist/vue.js"></script>
    <!-- import JavaScript -->
    <script src="/public/element-ui@2.9.1/lib/index.js"></script>
    <style>
        .refresh{
            width:50px;
        }
    </style>
    <script>
        $(function(){
            $('#layui-layer1','#layui-layer2','#layui-layer3','#layui-layer4','#layui-layer5','#layui-layer6','#layui-layer7','#layui-layer8','#layui-layer9','#layui-layer10','#layui-layer11','#layui-layer12','#layui-layer13','#layui-layer14','#layui-layer15','#layui-layer16','#layui-layer17','#layui-layer18','#layui-layer19','#layui-layer20','#layui-layer21','#layui-layer22','#layui-layer23','#layui-layer24','#layui-layer25','#layui-layer26').removeClass('layui-layer-loading');
        });

        var ParentModel = {
            _id : '',
            o : function() {
                return $('#'+this._id);
            },
            add:function(id, html) {
                this._id = id;
                if (this.o().length > 0) {
                    this.o().remove();
                }
                $('#_ParentModal').append(html);
                return this;
            },
            show: function() {
                this.o().modal('show');
                return this;
            },
            hide : function () {
                this.o().modal('hide');
                return this;
            },
            submit : function (func) {
                this.o().find('.btn-primary').click(function () {
                    func();
                });
                return this;
            },
            find : function(findStr) {
                return this.o().find(findStr);
            },
            onHide : function(func) {
                this.o().on('hide.bs.modal', function () {
                    func();
                });
            },
            onShow : function (func) {
                this.o().on('show.bs.modal', function () {
                    func();
                });
            }
        };
    </script>
    <style>
        .newNavBar { float: left; margin-left: 100px}
        .newNavBar li{
            float: left;
            line-height: 70px;
            font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";
            font-size: 18px;
            font-weight: bold;
            width: 80px;
        }
        .newNavBar li a {
            color: #293846;
            /*text-shadow: 5px 2px 2px #333333;*/
        }
        .newNavBar .selected a {
            color: #013fbe;
        }
        .newNavBar li a:hover{
            color: #013fbe;
        }
        .nav {
            padding-left: 0;
            margin-bottom: 0;
            list-style: none;
            color: #ffffff;
        }
        .nav>li.active {
            border-left: 4px solid #1b2a38;
            background: #42596e;
        }
        .nav>li>a {
            color: #ffffff;
            font-weight: 600;
            padding: 14px 20px 14px 25px;
        }
        .content-tabs {
            border-top: solid 1px #969696;
            height: 43px;
        }
        .sub-menu-item{
            padding-left: 50px;display: block;
            height: 40px;
            line-height: 40px;
        }
        .sub-item-a,.sub-item-a:hover{color: #fff;font-size: 13px;}
        .sub-item-active{background: #009688;}
    </style>
</head>
<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:auto; min-width: 1300px">
<div id="wrapper" style="overflow-y: hidden">

    <!-- 顶部 开始 -->
    <div>
        <div class="row border-bottom">
            <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0; background-color: #ffffff">
                <div style="float:left; padding: 10px; width: 200px">
                    <div style="float: left">
                        <img src="/public/img/logo.png" style="width: 47px; height: 47px; border: 0px; margin-left: 20px" align="middle" />
                    </div>
                    <div style="float: left; margin-left: 10px">
                        <span style="font-size: 24px; font-family: 'Adobe 黑体 Std R'; line-height: 47px">管理平台</span>
                    </div>
                </div>
                <div style="float: left;">
                    <ul class="newNavBar" id="topBar">
                        <!--<li class="selected"><a href="javascript:void (0)">首页</a></li>
                        <li><a href="javascript:void (0)" style="display: none" id="top_member">会员</a></li>
                        <li><a href="javascript:void (0)" style="display: none" id="top_order">订单</a></li>
                        <li><a href="javascript:void (0)" style="display: none" id="top_bus">业务</a></li>
                        <li><a href="javascript:void (0)" style="display: none" id="top_pro">产品</a></li>
                        <li><a href="javascript:void (0)" style="display: none" id="top_work">工单</a></li>
                        <li><a href="javascript:void (0)" style="display: none" id="top_fund">财务</a></li>
                        <li><a href="javascript:void (0)" style="display: none" id="top_system">系统</a></li>
                        <li><a href="javascript:void (0)" style="display: none" id="top_operate">站务</a></li>-->
                    </ul>
                </div>
                <div class="nav navbar-top-links navbar-right" style="width: 320px; float: right; margin-right: 10px">
                    <span style="color:#000000;font-size:12px;line-height: 70px;">
                        <span id="loginAccount">超级管理员</span>，您好，欢迎登录！<a href="javascript:;" onclick="uptadminpas()" style="color: #013fbe">修改密码</a>&nbsp;&nbsp;<a href="javascript:void(0)" @click="changAccount">切换到用户</a>
                    </span>
                </div>
            </nav>
        </div>
    </div>
    <!-- 顶部 结束 -->

    <!--左侧导航开始-->
    <nav class="navbar-default navbar-static-side" role="navigation" style="background-color:#293846;">
        <div class="nav-close"><i class="fa fa-times-circle"></i>
        </div>
        <div class="sidebar-collapse">
            <ul class="nav" id="side-menu">
            </ul>
        </div>
    </nav>
    <!--左侧导航结束-->
    <!--右侧部分开始-->
    <div id="page-wrapper" class="gray-bg dashbard-1">
        <div class="row content-tabs">
            <a class="roll-nav roll-left J_tabLeft navbar-minimalize " href="#"><i class="fa fa-bars"></i> </a>
            <button class="roll-nav roll-left J_tabLeft" style="left: 60px;">后退&nbsp;<i class="fa fa-backward"></i>
            </button>
            <nav class="page-tabs J_menuTabs" style="margin-left: 120px">
                <div class="page-tabs-content">
                    <a href="javascript:;" class="active J_menuTab" data-id="homepage.html">首页</a>
                </div>
            </nav>
            <button class="roll-nav roll-right J_tabRight" style="right: 60px"><i class="fa fa-forward"></i>&nbsp;前进
            </button>
            <a href="#" class="roll-nav roll-right J_tabExit" onClick="logout()"><i class="fa fa fa-sign-out"></i> 退出</a>
        </div>
        <div class="row J_mainContent" id="content-main">
            <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="homepage.html" frameborder="0"  data-id="homepage.html" seamless style="display: inline;"></iframe>
        </div>
        <div class="footer">
            <div class="pull-right"><a href="#" target="_blank"></a>
            </div>
        </div>
    </div>
    <!--右侧部分结束-->

    <div id="_ParentModal"></div>

    <el-dialog title="切换到用户" :visible.sync="dialogFormVisible" width="400px">
        <el-form :model="form" :rules="rules" ref="ruleForm">
            <el-form-item label="用户名：" prop="username">
                <el-input v-model="form.username" placeholder="请输入用户名" autocomplete="off" style="width: 200px;"></el-input>
            </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click="makeChange">确 定</el-button>
        </div>
    </el-dialog>
</div>

<div class="add-uer-box" id="addBox" style="display:none">
    <form method="post" action="#" id="itfrom">
        <input type="hidden" id="roleid">
        <table class="table-form">
            <tr>
                <td class="t">
                    <label for="name" class="control-label"> 原密码：</label>
                </td>
                <td>
                    <input type="password" placeholder="请输入原密码" class="form-control" id="oldPassword">
                </td>
            </tr>
            <tr>
                <td class="t">
                    <label for="name" class="control-label"> 新密码：</label>
                </td>
                <td>
                    <input type="password" placeholder="请输入新密码" class="form-control" id="newPassword">
                </td>
            </tr>
            <tr>
                <td class="t">
                    <label for="name" class="control-label"> 重复密码：</label>
                </td>
                <td>
                    <input type="password" placeholder="请重复输入新密码" class="form-control" id="repeatPassword">
                </td>
            </tr>
        </table>
    </form>
</div>

</body>
<script src="public/gaea.js"></script>
<script src="public/main.js"></script>
</html>
